@charset "UTF-8";

/* 存放共通的CSS代码 */
html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container {
	width: 90%;
	height: 90%;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	display: flex;
}

.container .menu {
	width: 20%;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	display: flex;
	justify-content: center;
	background-color: #66a3df;
}

.container .menu ul {
	list-style: none;
	padding: 0px;
}

.container .menu ul li a {
	text-decoration: none;
	color: #000;
}

.container .menu ul li a:hover {
	color: #f00;
}

.container .main {
	width: 80%;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.container .main .main-body {
	width: 50%;
}